<!DOCTYPE html>
<html lang="en">
<head>
<title>Matrix Admin</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/static/css/bootstrap.min.css" />
<link rel="stylesheet" href="/static/css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="/static/css/fullcalendar.css" />
    <link rel="stylesheet" href="/static/css/jBox.all.min.css" />
<link rel="stylesheet" href="/static/css/matrix-style.css" />
<link rel="stylesheet" href="/static/css/matrix-media.css" />
<link href="/static/font-awesome/css/font-awesome.css" rel="stylesheet" />
<link rel="stylesheet" href="/static/css/jquery.gritter.css" />
<link href='http://fonts.useso.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'>
</head>
<body>

<!--Header-part-->
<div id="header">
  <h1><a href="dashboard.html">Matrix Admin</a></h1>
</div>
<!--close-Header-part--> 


<!--top-Header-menu-->
<div id="user-nav" class="navbar navbar-inverse">
  <ul class="nav">
    <li  class="dropdown" id="profile-messages" ><a title="" href="#" data-toggle="dropdown" data-target="#profile-messages" class="dropdown-toggle"><i class="icon icon-user"></i>  <span class="text">Welcome User</span><b class="caret"></b></a>
      <ul class="dropdown-menu">
        <li><a href="#"><i class="icon-user"></i> My Profile</a></li>
        <li class="divider"></li>
        <li><a href="#"><i class="icon-check"></i> My Tasks</a></li>
        <li class="divider"></li>
        <li><a href="/clearSession/"><i class="icon-key"></i> Log Out</a></li>
      </ul>
    </li>
    <li class="dropdown" id="menu-messages"><a href="#" data-toggle="dropdown" data-target="#menu-messages" class="dropdown-toggle"><i class="icon icon-envelope"></i> <span class="text">Messages</span> <span class="label label-important">5</span> <b class="caret"></b></a>
      <ul class="dropdown-menu">
        <li><a class="sAdd" title="" href="#"><i class="icon-plus"></i> new message</a></li>
        <li class="divider"></li>
        <li><a class="sInbox" title="" href="#"><i class="icon-envelope"></i> inbox</a></li>
        <li class="divider"></li>
        <li><a class="sOutbox" title="" href="#"><i class="icon-arrow-up"></i> outbox</a></li>
        <li class="divider"></li>
        <li><a class="sTrash" title="" href="#"><i class="icon-trash"></i> trash</a></li>
      </ul>
    </li>
    <li class=""><a title="" href="#"><i class="icon icon-cog"></i> <span class="text">Settings</span></a></li>
    <li class=""><a title="" href="/clearSession/"><i class="icon icon-share-alt"></i> <span class="text">Logout</span></a></li>
  </ul>
</div>
<!--close-top-Header-menu-->
<!--start-top-serch-->
<div id="search">
  <input type="text" placeholder="Search here..."/>
  <button type="submit" class="tip-bottom" title="Search"><i class="icon-search icon-white"></i></button>
</div>
<!--close-top-serch-->
<!--sidebar-menu-->
<div id="sidebar"><a href="#" class="visible-phone"><i class="icon icon-home"></i> Dashboard</a>
  <ul>
      <li class="active"><a href="/index/"><i class="icon icon-home"></i> <span>萌图列表</span></a> </li>
      <li> <a href="/winpic/"><i class="icon icon-signal"></i> <span>win10壁纸</span></a> </li>
      <li> <a href="/winmenu/"><i class="icon icon-signal"></i> <span>win10主题</span></a> </li>
      <li> <a href="/chart/"><i class="icon icon-signal"></i> <span>DNF金币走势</span></a> </li>
      <li> <a href="/book/"><i class="icon icon-signal"></i> <span>书库</span></a> </li>
      <li> <a href="/linf/"><i class="icon icon-signal"></i> <span>TX热门动漫</span></a> </li>
      <li> <a href="/movie/"><i class="icon icon-signal"></i> <span>豆瓣电影</span></a> </li>

      <li class="content"> <span>萌图存储</span>
      <div class="progress progress-mini active progress-striped">
        <div style="width: {{ percent }}%;" class="bar"></div>
      </div>

      <span class="percent">{{ percent }}%</span>
      <div class="stat">显示:30张/共有:{{ count }}张图片</div>

    </li>
  </ul>
</div>
<!--sidebar-menu-->

<!--main-container-part-->
<div id="content">
<!--breadcrumbs-->
  <div id="content-header">
    <div id="breadcrumb"> <a href="index.html" title="Go to Home" class="tip-bottom"><i class="icon-home"></i> Home</a></div>
  </div>
<!--End-breadcrumbs-->

  <div class="container-fluid">
      <div class="widget-box">
      {% if not data  %}
      <img src="http://www.005.tv/templets/muban/moe_style/image/moe_logo.png" >
      <img src="/static/img/indexpic.jpg">
      {% endif %}
      {% if data  %}
          <div class="widget-title"> <span class="icon"> <i class="icon-picture"></i> </span>
            <h5>p站图库</h5>
          </div>
          <div class="widget-content">
            <ul class="thumbnails">
                {% for ds in data %}
              <li class="span3"> <a> <img src="{{ ds.pic_href }}" alt="" > </a>
                <div class="actions"> <a title="" href="#"><i class="icon-pencil"></i></a> <a class="lightbox_trigger" href="{{ ds.pic_href }}" ><i class="icon-search"></i></a> </div>
              </li>
                {% endfor %}
            </ul>
                  <div class="pagination alternate ">
              <ul>
                <li><a href="/rfanye/">Prev</a></li>
                <li><a href="/fanye/">Next</a></li>
              </ul>
            </div>
          </div>
{% endif %}
        </div>

      </div>
</div>


<!--Footer-part-->

<div class="row-fluid">
  <div id="footer" class="span12"> 2013 &copy; Matrix Admin. More Templates <a href="http://h2design.taobao.com/" target="_blank">氢设计</a></div>
</div>

<!--end-Footer-part-->

<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/jquery.ui.custom.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/matrix.js"></script>

</body>
</html>
